<!DOCTYPE html>
<html>
	<head>
		<title>Job Search Tool: Profile</title>
		<meta charset="utf-8" >
	 
	 <!-- CSS Style Here -->
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				font-family: sans-serif;
				text-decoration: none;
			}
			
			body {
				text-align: center;
				background-color: #666;
			}
			
			body a a:visited {
				text-decoration: none;
			}
			
			a:hover {
				color: #FF0000;
				text-decoration: underline;
			}
			
			#wrapper {
				width: 700px;
				margin-left: auto;
				margin-right: auto;
				background-color: #fff;
			}
			
			#content {
				text-align: left;
				padding-top: 10px;
				padding-bottom: 15px;
			}
			
			table {
				margin-left: auto;
				margin-right: auto;
			}
			
			#header {
				height: 50px;
			}
			
			#header table {
				padding: 5px;
			}
			
			#login_name {
				font-weight: bold;
				font-style: italic;
			}
			
			#nav_bar {
				height: 50px;
				text-align: left;
				padding: 5px;
			}
			
			#footer {
				background-color: #3299CC;
				padding-top: 15px;
				padding-bottom: 15px;
				color: #fff;
			}
			
		</style>
	</head>
	<body>
		
		<!-- Wrapper surrounding all content to center and control width. -->
		<div id="wrapper">
			
			<!-- Header has a welcome message, the title of the page, and a logout link. -->
			<div id="header">
				<!-- Table to control formatting -->
				<table width="100%">
					<tr>
						<td align="middle"><h2 style="width: 573px">Registration</h2></td>
						<td align="right"><a href="logout.php">Logout</a></td>
					</tr>
				</table>
			</div>
			
			<!-- Div to control style of nav_bar links -->
			<div id="nav_bar">
				<a href="#">Home</a>
			</div>
			
			<!-- Main content div to control style and position of form and content. -->
			<div id="content">
				<form method="post" action="NewSeeker.php">
				
				<!-- Table makes sure form labels and fields line up nicely. -->
				<table>
					<tr>
						<td align="right">Username: </td>
						<td><input type="text" name="username"></td>
					</tr>
					<tr>
						<td align="right">E-mail: </td>
						<td><input type="text" name="email" ></td>
					</tr>
					<tr>
						<td align="right">Name Prefix </td>
						<td><input type="text" name="prefix" ></td>
					</tr>
					<tr>
						<td align="right">First Name: </td>
						<td><input type="text" name="firstname" ></td>
					</tr>
					<tr>
						<td align="right">Last Name: </td>
						<td><input type="text" name="lastname" ></td>
					</tr>
					<tr>
						<td align="right">Name Suffix </td>
						<td><input type="text" name="suffix" ></td>
					</tr>

					<tr>
						<td align="right">Address Number: </td>
						<td><input type="text" name="address_num" ></td>
					</tr>
					<tr>
						<td align="right">Address Street Name: </td>
						<td><input type="text" name="address_st_name" ></td>
					</tr>

					<tr>
						<td align="right">City: </td>
						<td><input type="text" name="city" ></td>
					</tr>
					<tr>
						<td align="right">State: </td>
						<td><input type="text" name="state" ></td>
					</tr>
					<tr>
						<td align="right">Zip Code: </td>
						<td><input type="text" name="zip" ></td>
					</tr>
					<tr>
						<td align="right">Gender: </td>
						<td><select name="gender" size="1" style="width: 125px">
							<option value="Male">Male</option>
							<option value="Female">Female</option></select>
						</td>
					</tr>
					<tr>
						<td align="right">Home Phone: </td>
						<td><input type="text" name="phone_home" maxlength="10" ></td>
					</tr>
					<tr>
						<td align="right">Password: </td>
						<td><input type="password" name="newpass" ></td>
					</tr>
					<tr>
						<td align="right">Confirm Password: </td>
						<td><input type="password" name="confirmnewpass" ></td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td>   <input id="Submit1" name="bt_submit1" type="submit" value="Submit" >
    						   <input id="Reset1" type="reset" value="Reset" >
    					</td>
					</tr>
				</table>
				</form>
			</div>
			
			<!-- Div for footer content and style. -->
			<div id="footer">
				Footer Stuffs
			</div>
		</div>
		
	</body>
</html>